<template>
  <div class="services-page">
    <LogCenter :userRole="userRole" />
  </div>
</template>

<script>
import LogCenter from '../components/LogCenter.vue'
import { ref } from 'vue'

export default {
  name: 'ServiceCenter',
  components: { LogCenter },
  setup() {
    const userRole = ref('学生')
    return { userRole }
  }
}
</script>

<style scoped>
.services-page {
  max-width: 1200px;
  margin: 0 auto;
}
</style> 